@charset "UTF-8";
@import "parameters";
.ui-payHistory-con{
   .contain{
     .nav{
       width:60%;
       padding: 0 20%;
       line-height: 0.88rem;
       background-color: #fff;
       border-bottom: $color-third 1px solid;
       li{
         color: #3c3c3c;
         font-size: 0.3rem;
       }
       li.current{
         color:$color-second;
         border-bottom: $color-second 1px solid;
       }
     }
     .content{
       .list-con{
         .list-contain{
           background-color: #fff;
         }
         .mynews{
           margin-bottom: 0.6rem;
            .date{
              width: 3.15rem;
              line-height: 0.45rem;
              color: #fff;
              font-size: 0.24rem;
              background-color: #d6d8da;
              border-radius: 5px;
              text-align: center;
              margin: 0.3rem auto;
            }
           .news-con{
              width: 6.25rem;
            /* height: 3rem;*/
             border:$color-third 1px solid;
             border-radius: 5px;
             .logo{
               padding: 0.3rem 0.2rem;
               border-bottom:$color-third 1px solid;
               .logoimg{
                 width: 0.5rem;
                 height: 0.5rem;
                 margin-right: 0.2rem;
                 img{
                   display: inline-block;
                   width: 100%;
                   height: 100%;
                 }
               }
               .txt{
                 color: #3c3c3c;
                 font-size: 0.26rem;
                 line-height: 0.5rem;
               }
             }
             .top{
               font-size: 0.28rem;
               color: #3c3c3c;
               margin: 0.3rem 0.2rem 0;
               .pride{
                 color:$color-second;
                 margin: 0.3rem 0 0.6rem 0;
               }
             }
             .gift{
               padding: 0.2rem 0.18rem;
               color: #687b8d;
               font-size: 0.24rem;
               border-top:$color-third 1px solid;
               i{
                 float: right;
               }
             }
           }
         }
       }
     }
   }
}
//购买/听过的课程
.give-top{
  width: 100%;
  height: 4.84rem;
  background: url("../../static/images/topbg.png") no-repeat;
  background-size: 100% 100%;
  color: #fff;
  font-size: 0.24rem;
  position: relative;
   dl{
     width: 50%;
     margin: auto;
     text-align: center;
     dt{
       width: 0.8rem;
       height: 0.8rem;
       padding: 0.38rem 0 0.35rem;
       img{
          display: inline-block;
         width: 100%;
         height: 100%;
         border: #fff 3px solid;
         border-radius: 5px;
       }
     }
     .title{
       font-size: 0.26rem;
       margin-bottom: 0.26rem;
       line-height: 0.42rem;
     }
   }
  .pride{
    width: 60%;
    text-align: center;
    margin-top: 0.6rem;
    .shoppeople{
      padding-left: 0.18rem;
      margin-left: 0.15rem;
      border-left: #fff 1px solid;
      line-height: 0.3rem;
      em{
        display: inline-block;
        width: 0.95rem;
        margin-bottom: -0.05rem;
      }
    }
    .money{
      font-size: 0.26rem;
    }
  }
  .share{
    width: 0.55rem;
    height: 0.7rem;
    position: absolute;
    right: 6%;
    top:4%;
    img{
      display: inline-block;
      width: 100%;
      height: 100%;
    }
  }
}
.ui-give-con{
  .sharetxt{
    color: #aaadaf;
    font-size: 0.28rem;
    text-align: center;
    margin-top: 0.5rem;
  }
   .number{
     padding-left: 5%;
     padding-top: 0.3rem;
     padding-bottom: 0.2rem;
     border-bottom: $color-third 1px solid;
     color: #8e8f90;
     font-size: 0.22rem;
   }
  .voucher{
    ul{
      li{
        width: 90%;
        padding: 0.2rem 5%;
        border-bottom: $color-third 1px solid;
        font-size: 0.28rem;
        .list{
          width: 100%;
          border: #3aa0e8 1px solid;
          border-radius: 5px;
          line-height: 1.13rem;
          position: relative;
          span,button,img{
            display: inline-block;
          }
          .nums{
            width: 0.4rem;
            line-height: 0.4rem;
            text-align: center;
            border: #00a0e9 2px solid;
            color: #00a0e9;
            margin: 0.08rem 0.3rem;
          }
          .use{
            width: 4rem;
            text-align: center;
            color: #00a0e9;
          }
          .send{
            width: 1.1rem;
            text-align: center;
            line-height: 1.15rem;
            background-color: #00a0e9;
            color: #fff;
            border-radius: 5px;
            border:none;
            float: right;
          }
          .imgs{
            display: inline-block;
            width: 0.22rem;
            height: 1.2rem;
            position: absolute;
            left: 1rem;
            top:-0.03rem;
          }
        }
        .list2{
          width: 100%;
          border: #e8e8e8 1px solid;
          background-color: #e8e8e8;
          border-radius: 5px;
          line-height: 1.13rem;
          position: relative;
          span,button,img{
            display: inline-block;
          }
          .nums{
            width: 0.4rem;
            line-height: 0.4rem;
            text-align: center;
            border: #aaadaf 2px solid;
            color: #aaadaf;
            margin: 0.08rem 0.3rem;
          }
          .use{
            width: 4rem;
            text-align: center;
            color: #aaadaf;
          }
          .imgs{
            display: inline-block;
            width: 0.22rem;
            height: 1.2rem;
            position: absolute;
            left: 1rem;
            top:-0.03rem;
          }
        }
      }
    }
  }
  .receive{
    width: 4rem;
    margin: auto;
    line-height: 0.9rem;
    text-align: center;
    border: #00a0e9 1px solid;
    border-radius: 0.5rem;
    color: #00a0e9;
    font-size: 0.3rem;
    margin-top: 0.95rem;
    a{
      color: #00a0e9;
    }
  }
  .success{
    width: 3.85rem;
    text-align: center;
    margin-top: 0.45rem;
    dl{
       font-size: 0.22rem;
      color: #a0a0a0;
      .ces{
        color: #3c3c3c;
        font-size: 0.26rem;
        margin-bottom: 0.62rem;
        margin-top: 0.15rem;
      }
      dt{
        width: 0.7rem;
        height: 0.58rem;
        img{
          display: inline-block;
          width: 100%;
          height: 100%;
        }
      }
    }
    a{
      text-decoration: underline;
      color: #00a0e9;
    }
  }
}
.list-contain{
  .newsList{
    width: 100%!important;
    text-align: left;
    border: #f00 1px solid;
     li{

     }
  }
}
